<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
	<style>
		div.window{
			position: absolute;
			overflow: auto;
			background-color: #eeefff;
			border: solid #06a 2px;
			margin: 8px;
			padding: 0px;
			width: 420px;
			height: 280px;
		}
		div.titlebar{
			background-color: #06a;
			background-image: url('images/titlebar_bg.png');
			background-repeat: repeat-x;
			color: white;
			border-bottom: solid black 1px;
			width: 100%;
			height: 16px;
			overflow: hidden;
		}
		div.titleButton{
			position: relative;
			height: 16px;
			width: 16px;
			padding: 0px;
			margin: 0px 1px 0px 1px;
			float: right;
		}
		div.titleButton#min{
			background: transparent url('images/min.png') top left no-repeat;
		}
		div.titleButton#max{
			background: transparent url('images/max.png') top left no-repeat;
		}
		div.titleButton#close{
			background: transparent url('images/close.png') top left no-repeat;
		}
		div.contents{
			background-color: #e0e4e8;
			overflow: auto;
			padding: 2px;
			height: 240px;
		}
		div.item{
			position: relative;
			height: 64px;
			width: 56px;
			float: left;
			color: #048;
			font-size: 18px;
			padding: 0px;
			margin: 4px;
		}
		div.item div.itemName{
			margin-top: 48px;
			font: 10px verdana,arial,helvetical;
			text-align: center;
		}
		div.folder{
			background: transparent url('images/folder.png') top left no-repeat;
		}
		div.file{
			background: transparent url('images/file.png') top left no-repeat;
		}
		div.special{
			background: transparent url('images/special.png') top left no-repeat;
		}
	</style>
</head>
<body>
<div class="window">
	<div class="titlebar">
		<span class="titleButton" id="close"></span>
		<span class="titleButton" id="max"></span>
		<span class="titleButton" id="min"></span>
	</div>
	<div class="contents">
		<div class="item folder">
			<div class="itemName">Documents</div>
		</div>
		<div class="item folder">
			<div class="itemName">lost and found</div>
		</div>
		<div class="item folder">
			<div class="itemName">stuff</div>
		</div>
		<div class="item file">
			<div class="itemName">shopping list</div>
		</div>
		<div class="item file">
			<div class="itemName">thing.txt</div>
		</div>
		<div class="item special">
			<div class="itemName">faves</div>
		</div>
		<div class="item file">
			<div class="itemName">chapter</div>
		</div>
	</div>
</div>
</body>
</html>